<script setup>
// This starter template is using Vue 3 <script setup> SFCs
// Check out https://vuejs.org/api/sfc-script-setup.html#script-setup

</script>

<template>
  <div class="link">
    <router-link to="/">Index</router-link>
    <router-link to="/arrow">Arrow</router-link>
    <router-link to="/common">Common</router-link>
    <router-link to="/demo">Demo</router-link>
    <router-link to="/graph">Graph</router-link>
    <router-link to="/example">Map</router-link>
  </div>
  <router-view />
</template>

<style>
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50; 
  padding: 16px;  
}
.graph {
  border: #dedede 1px solid;
  width: 600px;
  height: 400px;
  margin: 20px auto;
  border-radius: 10px;
}

.link {
  margin-bottom:40px;
}
.link a {
  color: #000; text-decoration: none; padding: 0 10px; 
}

.svg {
  margin: 50px auto;
  border: #dedede 1px solid;
  display: block;
  border-radius: 10px;
  padding: 10px;
}
</style>

